@extends('Home.layout')
@section('content')
@if(session('info'))
    <span id="info" class="text-red">{{session('info')}}</span>
@endif

<link href="{{ asset('/css/normalize.css') }}" rel="stylesheet"/>
<link href="{{ asset('/css/jquery-ui.css') }}" rel="stylesheet"/>
<link href="{{ asset('/css/jquery.idealforms.min.css') }}" rel="stylesheet" media="screen"/>

<style type="text/css">
body{font:normal 15px/1.5 Arial, Helvetica, Free Sans, sans-serif;color: #222;background:url(pattern.png);overflow-y:scroll;padding:60px 0 0 0;}
#my-form{width:755px;margin:0 auto;border:1px solid #ccc;padding:3em;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.2);}
#comments{width:350px;height:100px;}
</style>

</head>
<body>


<div class="row">

  <div class="eightcol last">

    <!-- Begin Form -->

    <form id="my-form" action="{{ url('/article/doadd') }}" method="post" enctype="multipart/form-data">
    {{ csrf_field() }}
        <section name="{{ session()->get('master') -> hd_name }}">
<div class="form-group">
    <label>添加文章分类</label>
    <select class="form-control" name="aid">
        @foreach($data as $row)
        <option
        @if($row -> id == 0)
        disabled = "disabled"
        @endif
         value="{{ $row -> id }}">{{ $row -> catname }}</option>
        @endforeach
    </select>
</div>
          <div><label>请您输入文章标题名称:</label><input id="username" name="title"   type="text"   placeholder="请您输入文章标题名称" /></div>
          <div><label>请您输入文章描述名称:</label><input id="username" name="description"   type="text"   placeholder="请您输入文章描述名称" /></div>

          <div><label>请您输入文章内容:</label><input id="username"/></div>
        </section>
        <script id="container" name="article" type="text/plain">
    </script>

        </section>

    <!-- 配置文件 -->
    <script type="text/javascript" src="{{ asset('/ueditor/ueditor.config.js') }}"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="{{ asset('/ueditor/ueditor.all.js') }}"></script>
    <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('container',{toolbars: [
    [
        'undo', //撤销
        'redo', //重做
        'bold', //加粗
        'indent', //首行缩进
        'snapscreen', //截图
        'italic', //斜体
        'underline', //下划线
        'strikethrough', //删除线
        'subscript', //下标
        'fontborder', //字符边框
        'superscript', //上标
        'formatmatch', //格式刷
        'source', //源代码
        'blockquote', //引用
        'pasteplain', //纯文本粘贴模式
        'selectall', //全选
        'print', //打印
        'preview', //预览
        'horizontal', //分隔线
        'removeformat', //清除格式
        'time', //时间
        'date', //日期
        'unlink', //取消链接
        'insertrow', //前插入行
        'insertcol', //前插入列
        'mergeright', //右合并单元格
        'mergedown', //下合并单元格
        'deleterow', //删除行
        'deletecol', //删除列
        'splittorows', //拆分成行
        'splittocols', //拆分成列
        'splittocells', //完全拆分单元格
        'deletecaption', //删除表格标题
        'inserttitle', //插入标题
        'mergecells', //合并多个单元格
        'deletetable', //删除表格
        'cleardoc', //清空文档
        'insertparagraphbeforetable', //"表格前插入行"
        'insertcode', //代码语言
        'fontfamily', //字体
        'fontsize', //字号
        'paragraph', //段落格式
        'simpleupload', //单图上传
        'insertimage', //多图上传
        'edittable', //表格属性
        'edittd', //单元格属性
        'link', //超链接
        'emotion', //表情
        'spechars', //特殊字符
        'searchreplace', //查询替换
        'map', //Baidu地图
        'insertvideo', //视频
        'help', //帮助
        'justifyleft', //居左对齐
        'justifyright', //居右对齐
        'justifycenter', //居中对齐
        'justifyjustify', //两端对齐
        'forecolor', //字体颜色
        'backcolor', //背景色
        'insertorderedlist', //有序列表
        'insertunorderedlist', //无序列表
        'fullscreen', //全屏
        'directionalityltr', //从左向右输入
        'directionalityrtl', //从右向左输入
        'rowspacingtop', //段前距
        'rowspacingbottom', //段后距
        'pagebreak', //分页
        'insertframe', //插入Iframe
        'imagenone', //默认
        'imageleft', //左浮动
        'imageright', //右浮动
        'attachment', //附件
        'imagecenter', //居中
        'wordimage', //图片转存
        'lineheight', //行间距
        'edittip ', //编辑提示
        'customstyle', //自定义标题
        'autotypeset', //自动排版
        'touppercase', //字母大写
        'tolowercase', //字母小写
        'background', //背景
        'template', //模板
        'scrawl', //涂鸦
        'music', //音乐
        'inserttable', //插入表格
        'charts', // 图表
    ]
]});
    </script>
      <div><hr/></div>
      <div>
        <button type="submit">提交</button>
        <button id="reset" type="button">重置</button>
      </div>
    </form>
    <!-- End Form -->
  </div>
</div>
<script type="text/javascript" src="{{ asset('/js/jquery-1.8.2.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('/js/jquery-ui.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('/js/jquery.idealforms.js') }}"></script>
<script type="text/javascript">
var options = {

    onFail: function(){
        alert( $myform.getInvalid().length +' invalid fields.' )
    },

    inputs: {

        }
};

var $myform = $('#my-form').idealforms(options).data('idealforms');

$('#reset').click(function(){
    $myform.reset().fresh().focusFirst()
});

$myform.focusFirst();
</script>
<div style="text-align:center;">
<p style = "color:#ccc;">请发布个人留言</p>
</div>
@endsection